
var field_canLen = 3;//初始化最多可选
var field_curLen = 0;//已选
var field_txt = [];//已选领域

var field_select = [];//已选目标职位
var isResume = 0;

//模拟下拉框结束
$(function(){
	
	//所属领域
	$("#J-ipt-field").bind({
		focus:function(event){
			$("#J-pop-field").css({"display":"block"});
		}
	});

	$("#J-pop-field .trig").bind({
		click:function(){
			if(!$(this).hasClass('selected') && field_curLen < field_canLen){
				$(this).addClass("selected");
				field_curLen++;
				field_txt.push($(this).html());
				if(isResume)
					field_select.push($(this).attr("id"));
			}
			else if($(this).hasClass('selected')){
				$(this).removeClass("selected");
				field_curLen--;
				for(var j = 0;j<field_txt.length;j++){
					if($(this).html() == field_txt[j]){
						field_txt.splice(j,1);
						if(isResume)
							field_select.splice(j,1);
					}
				}
			}
			$("#J-ipt-field").val(field_txt.join(","));
			if(isResume)
				$("#expectedJobInput").val(field_select.join(","));

		}
	});

	$("#J-pop-field .pop-field-close").bind({
		click:function(){
			doMouseOut();
		//checkTag($("#J-ipt-field"));
		}
	});
	
	/**
	* 失去焦点
	*/
	$("#J-pop-field").bind({
		mouseout:function(e){
			mouseout(this,e,doMouseOut);
		}
	});

});


/**
* 失去鼠标之后的处理
*/
function doMouseOut(){
	$("#J-pop-field").css({"display":"none"});
	$("#J-ipt-field").blur();
}

 /* 
  * 功能：鼠标移入对象触发事件，兼容所有浏览器并防止鼠标在父子对象间移动造成的触发onmouseover的bug
  * 参数：第一个参数表示触发的对象，第二个参数表示触发的对象的事件对象，第三个对象表示要执行的函数
  * 作者：http://fuckhtml5.blog.163.com/
  */
 function mouseover(a, e, func) {
      e = e || window.event;
     var b = e.fromElement || e.relatedTarget;
     
     mouseoverAndOut(a, b, func);
 }
 
 /* 
 /* 
  * 功能：鼠标移出对象触发事件，兼容所有浏览器并防止鼠标在父子对象间移动造成的onmouseout的bug
  * 参数：第一个参数表示触发的对象，第二个参数表示触发的对象的事件对象，第三个对象表示要执行的函数
  * 作者：http://fuckhtml5.blog.163.com/
  */
 function mouseout(a ,e, func) {
     e = e || window.event;
     var b = e.toElement || e.relatedTarget;
     mouseoverAndOut(a, b, func);
 }

 /* 
  * 功能：鼠标移入或移出对象触发事件，兼容所有浏览器并防止鼠标在父子对象间移动造成的onmouseover & onmouseout的bug
  * 参数：第一个参数表示触发的对象，第二个参数表示触发的对象的相关对象，第三个对象表示要执行的函数
  * 作者：http://fuckhtml5.blog.163.com/
  */
 function mouseoverAndOut(a, b, func) {
     if (document.all) {
         if (!(a.contains(b))) {
             func();
         }
     } else {
         var res = a.compareDocumentPosition(b);
        if(!(res == 20 || res == 0)){        
             func();
         }       
     }           
 }

